﻿<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<SDT.Site.ViewModels.ProductSearchModels>" %>
<div class="bor_box">
	<form action="/product/search" method="post">
	<div class="bar_box t_blue" align="center">Tìm kiếm nhà đất</div>
    <div class="tinrao_cate">
      		<ul>
                <li>Loại hình</li>
            	<li><%=Html.DropDownList("ddlType",new SelectList(Model.ProductTypes,"ID","Name"),"-- Loại tin rao --",new{}) %></li>
            	<li>Loại nhà đất</li>
            	<li><%=Html.DropDownList("ddlCategory", new SelectList(Model.Categories, "ID", "Name"), "-- Chọn loại nhà đất --", new { })%></li>
                <li>Tỉnh / Thành phố</li>
            	<li>
            	  <%=Html.DropDownList("ddlCity", new SelectList(Model.Cities, "ID", "Name"), "-- Chọn Tỉnh - Thành phố --", new { })%>
            	</li>
            	<li>Quận/ Huyện</li>
            	<li>
            	    <select id="ddlDistrict" >
                        <option>--Chọn Quận/ Huyện --</option>
                    </select>
                </li>
                <li>Diện tích</li>
            	<li><%=Html.DropDownList("ddlArea", new SelectList(Model.ConvertAreas, "ID", "Name"),"-- Chọn diện tích --", new { })%></li>
                <li>Mức giá</li>
                <li><%=Html.DropDownList("ddlPrice", new SelectList(Model.ConvertPrices, "ID", "Name"),"-- Chọn mức giá --", new { })%></li>
                <li>Tìm kiếm theo từ khóa</li>
            	<li><%=Html.TextBox("txtKeyword", string.Empty,null)%></li>
                
      	  </ul>
      </div>
      <div><input type="submit" value="Tìm kiếm nâng cao" class="btn" /></div>
      </form>
</div>
<script type="text/javascript">
    $(document).ready(function() {
        $('#ddlType').change(function() {
            var id = $('#ddlType').val() == "" ? 0 : $('#ddlType').val();
            $.get('/AjaxData/GetProductCategoryByType/' + id, function(data) {
                $('#ddlCategory').html(data);
            });
            $.get('/AjaxData/GetPrice/' + id, function(data) {
                $('#ddlPrice').html(data);
            });
            $.get('/AjaxData/GetArea/' + id, function(data) {
                $('#ddlArea').html(data);
            });
        });
        $('#ddlCity').change(function() {
            var id = $('#ddlCity').val() == "" ? 0 : $('#ddlCity').val();
            $.get('/AjaxData/GetDistrict/' + id, function(data) {
                $('#ddlDistrict').html(data);
            });
        });            
    });
</script>
